<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" href="../css/chat.css">
    <script type="text/javascript" src="../js/rem.js"></script>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <div class="wrap">
        <div class="head-bar">
            <div class="back-img">
                <img src="../images/back.png" alt="">
            </div>
            <p>MARUKO</p>
            <div class="span-jilu">
                消费记录
            </div>
        </div>
        <div class="chat-section">
            <div class="time">
                18:52
            </div>
            <div class="msgta">
                <div class="touxiang">
                         <img src="../images/touxiang1.png" alt="" srcset="" class="touxiang-img">
                   
                </div>
                <div class="msg-tabox">
                    你好！！！
                </div>
            </div>
            <div class="msgyou"> 
                <div class="msg-youbox">
                    你好！！！
                </div>
                <div class="touxiang my-touxiang">
                    <img src="../images/touxiang1.png" alt="" srcset="" class="touxiang-img">
                </div>
            </div>
            
        </div>
        <div class="bottom-bar">
            <div class="input">
                <input type="text" class="chat-input" placeholder="输入消息">

            </div>
            <div class="emoji">
                <img src="../images/chat01.png" alt="" srcset="">
            </div>
            <div class="add">
                <img src="../images/chat02.png" alt="" srcset="">
            </div>
        </div>
    </div>
    <script src="../js/jc_tool.js"></script>
    <script src="../js/chat.js"></script>
</body>

</html>